<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <link rel="stylesheet" href="css/spc2.css">
</head>
<body>
    <div class="herder-box">
        <div class="herder">
            <h1 class="fl">
                炫酷F4
            </h1>
            <ul class="nav fl">
                <li><a href="/">首页</a></li><li><a href="settle.html">我的订单</a></li>
            </ul>
            <div class="herder-r fr">
                <div class="fl"><a href="rule.html">规则中心</a></div>
                <div class="fr"><a href="#">登录/注册</a></div>
            </div>
        </div>
    </div>
    <div class="section1">
        <div class="section1-left fl">
            <span>当前位置：</span><span title="陕西西安">陕西西安</span><span><a href="#">[修改地址]</a></span>
        </div>
        <div class="section1-right fl">
            <input type="text" placeholder="搜索美食...">
            <input type="submit" class="submit" value="">
        </div>
        <div class="cat fr">
            <p class="cat-p1"><img src="images/gwc.png"></p>
            <a href="#">我的购物车</a>
            <p class="cat-p3">0</p>
        </div>
    </div>
    <div class="cat-box">
        <div class="cat-box-nr">
            <div class="cat-box-left fl">
                <div class="cat-box-left-top"><b></b>
                <h3>商品已成功加入购物车！</h3></div>
                <div class="clear">

                </div>
                <div class="cat-box-left-btm">
                    <div class="left fl"><img src="images/南瓜粥.jpg"></div>
                    <div class="right fl">
                        <div class="top">
                            <a href="#">南瓜粥</a>
                        </div>
                        <div class="bottom">
                            <span>类型：中份</span>
                            <span>分类：粥类</span>
                            <span> / 数量：1</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cat-box-right fl">
                <a class="a1" href="#">查看商品详情</a>
                <a class="a2" href="#">去购物车结算 ></a>
            </div>
        </div>
    </div>
    <div class="like">
        <div class="like-left fl">
            <a href="#">猜你喜欢</a>
        </div>
        <div class="like-right fr">
            <a href="#"></a>
            <a href="#"></a>
            <a href="#"></a>
        </div>
    </div>
    <div class="clear">

    </div>
    <div class="Cuisine">
        <div class="btn"><</div>
        <div class="btn">></div>
        <ul>
            <li><img src="images/宫保鸡丁.jpg" alt=""></li>
            <li>
                <span>￥<strong>100.00</strong></span>
                <span>免配送费</span>
            </li>
            <li>宫保鸡丁盖浇饭</li>
            <li><span class="fl">炫酷F4</span><span class="fr">X人付款</span></li>
            <li>
                <a href="#" title=""><b></b>加入购物车</a>
            </li>
        </ul>
        <ul>
            <li><img src="images/酸菜臊子面.jpg" alt=""></li>
            <li>
                <span>￥<strong>100.00</strong></span>
                <span>免配送费</span>
            </li>
            <li>酸菜臊子面</li>
            <li><span class="fl">炫酷F4</span><span class="fr">X人付款</span></li>
            <li>
                <a href="#" title=""><b></b>加入购物车</a>
            </li>
        </ul>
        <ul>
            <li><img src="images/地瓜粥.jpg" alt=""></li>
            <li>
                <span>￥<strong>100.00</strong></span>
                <span>免配送费</span>
            </li>
            <li>地瓜粥</li>
            <li><span class="fl">炫酷F4</span><span class="fr">X人付款</span></li>
            <li>
                <a href="#" title=""><b></b>加入购物车</a>
            </li>
        </ul>
        <ul>
            <li><img src="images/汤圆.jpg" alt=""></li>
            <li>
                <span>￥<strong>100.00</strong></span>
                <span>免配送费</span>
            </li>
            <li>汤圆</li>
            <li><span class="fl">炫酷F4</span><span class="fr">X人付款</span></li>
            <li>
                <a href="#" title=""><b></b>加入购物车</a>
            </li>
        </ul>
    </div>
    <div class="clear">

    </div>
    <div class="footer">
        <p>
            所有权：归大专软件1801炫酷F4所有，盗版必究
        </p>
        <p class="copyright">
            <span>增值电信业务许可证 :</span>
            <span>沪B2-20xxxxxxx</span>|
            <span>沪ICP备 0900xxxxx</span>|
            <span>上海工商行政管理</span>
            <span>Copyright ©2008-2017 ele.me, All Rights Reserved.</span>
        </p>
    </div>
</body>
</html>